<template>
	<view class="asset-wrapper bg-w">
		<view class="flex flex-align-center flex-space-between">
			<text class="font32 color-b3 f-b">我的佣金</text>
			<view class="felx flex-align-center" @click="goTo('/pagesA/commission/commission')">
				<text class="font24 color-3FA897">立即提现</text>
				<image style="width: 16rpx;height: 24rpx;margin-left: 10rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/my/arrow_r.png" mode=""></image>
			</view>
		</view>
		<view class="m-t-40 padding-30 flex flex-space-between">
			<view 
				class="flex flex-1  flex-column" 
				v-for="(item, index) in myAsset" 
				:key="index"
				:class="item.class"
			>
				<text class="font32 f-b color-F52200">
					¥{{ item.num }}
				</text>
				<view class="font24 color-8E8E8E m-t-10">
					{{ item.label }}
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	function goTo(e){
		uni.navigateTo({
			url:e
		})
	}
	
	const myAsset = ref([
		{ num: '0.00', label: '可提现佣金' },
		{ num: '0.00', label: '已提现佣金', class: 'flex-center' },
		{ num: '0.00', label: '不可提现佣金', class: 'flex-center' },
	])
</script>

<style lang="scss" scoped>
	.asset-wrapper {
		padding: 30rpx;
		margin-top: 56rpx;
		border-radius: 32rpx;
	}
</style>
